<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="MyBlast.css">
    <link rel="stylesheet" type="text/css" href="resources/css/gxt-all.css" />

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Web Application Starter Project</title>

    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="myblast/myblast.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

 	<style>
	#loading {
			position: absolute; left: 45%; top: 40%; padding: 2px;
			margin-left:-45px; z-index:20001; border:1px solid #ccc;
			}
	#loading .loading-indicator {
			background:#eef;font:bold 13px tahoma,arial,helvetica;
			padding:10px;margin:0;height:auto;color:#444;
			}
	#loading .loading-indicator img {
		margin-right:8px; float:left; vertical-align:top;
			}
	#loading-msg {font:normal 10px arial,tahoma,sans-serif;}
	</style>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>

    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>
	<div id="header" style="left: 0px; top: 0px; width: 1272px; height: 33px;" class="header">
		<div class="headerText" >APEX: Alternative PathWay Explorer</div>
	</div>
	<div id="loading">
			<div class="loading-indicator">
				<img src="resources/images/default/shared/large-loading.gif"/>
				myBlastApplication<br />
				<span id="loading-msg">Loading application...</span>
			</div>
	</div>
	<div id="container">
	</div>

  </body>
</html>
